<template>
  <div class="test">
    <!-- 测试
    <Volume :num="40"></Volume>
    <Volume :num="60"></Volume>
    <Volume :num="80"></Volume>
    <Volume :num="100"></Volume> -->
    <!-- <div class="testGundong">
      <div><input type="number" v-model="num"> <span @click="refresh" style="cursor: pointer;color: #fff;">刷新</span></div>
      <Gundong style="margin-top: 50px;" :num="aa"></Gundong>
    </div> -->
    <Fanshu/>
  </div>
</template>

<script>
// import { Volume } from "@/components";
// import { Gundong } from "@/components";
import { Fanshu } from "@/components";
export default {
  name: "test",
  // components: { Volume, Gundong },
  // components: { Gundong },
  components: { Fanshu },
  data() {
    return {
      aa: 3,
      num: 2952
    };
  },
  methods:{
    refresh() {
      this.aa = this.num;
    }
  }
};
</script>
<style lang="scss" scoped>
.test{
  width: 100%;
  height: 100%;
  // background: #000;
  overflow: hidden;
  .testGundong{
    margin: 200px;
  }
}
</style>
